<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript演示</title>
</head>
<body>



<input type="button" onclick="on()" value="开灯">
<img id="myImage" border="0" src="../imgs/off.gif" style="text-align:center;">
<input type="button" onclick="off()" value="关灯">


<script>

    function on(){
       // 如果点击开灯
        //<img id="myImage" border="0" src="../imgs/on.gif" style="text-align:center;">
        document.getElementById("myImage").src="../imgs/on.gif";
    }

    function off(){
       //如果是关灯
        // <img id="myImage" border="0" src="../imgs/off.gif" style="text-align:center;">
        document.getElementById("myImage").src="../imgs/off.gif";
    }
    // 每一秒钟改变一次状态
    // 定义一个变量 记录 灯的状态
    var status = 0;//0 关  1 开

    setInterval(function(){
        //如果是关的  就开
        //如果是开的 就关
        if(status == 0){//是关
            on();//开灯
            status=1;//开完灯了 状态变成 开灯
        }else{
            off();//关灯
            status=0;//关灯了 状态变成 关灯
        }

    },100)


</script>

</body>
</html>